/* Base CSS Library */
.wankapps{ background-color:#f5f5f5; }

.wankapps .wank-header { background-color:#fff; border-top: 4px solid #2068d5; border-bottom-color:#efefef; }
.wankapps .wank-header h2{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:1.2em; text-shadow:none; }
.wankapps .wank-header .ui-btn { display:block; width:3em; height: 100%; background: none; border: 0; top: 0; -webkit-border-radius: .3125em; border-radius: 0; opacity: .4; filter: Alpha(Opacity=40); margin:0; }
.wankapps .wank-header .wank-home-link{ border-right:1px solid #ccc; left:0; }
.wankapps .wank-header .wank-back-link{ border-right:1px solid #ccc; left:0; }
.wankapps .wank-header .wank-confirm-link{ border-left:1px solid #ccc; right:0; }
.wankapps .wank-header .wank-previous-link{ border-right:1px solid #ccc; left:0; }
.wankapps .wank-header .wank-next-link{ border-left:1px solid #ccc; right:0; }

.wankapps .wank-content{ margin:0; padding:.5em; }
.wankapps .wank-content .wank-form-list{ margin-top:1em; }
.wankapps .wank-content .wank-form-list li{ padding-left:1.5em; padding-right:1.5em; border-color:#eee; background-color:#fff; }
.wankapps .wank-content .wank-form-list li label{ font-family: 'Open Sans', sans-serif; font-weight:300; font-size:.9em; text-shadow:none; color:#666; }

.wankapps .wank-content .no-result{ font-family: 'Open Sans', sans-serif; font-weight:300; font-size:.9em; text-shadow:none; color:#999; text-align:center; }

.wankapps .wank-popup-menu li .ui-btn{ min-width: 10em; border-color:#eee; background-color:#fff; }
.wankapps .wank-popup-menu li .ui-btn{ color:rgba( 102, 102, 102, 1 ); background: none !important; border-color: #ddd !important; }
.wankapps .wank-popup-menu li .ui-btn.ui-btn-active{ background-color:rgba( 170, 221, 102, 0.8 ) !important; text-shadow:none; color:rgba( 51, 51, 51, 1 ); }
.wankapps .wank-popup-menu li .ui-btn::after { opacity:.2; -webkit-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; transition: opacity 500ms ease; }
.wankapps .wank-popup-menu li .ui-btn.ui-btn-active::after{ opacity:.5; }
.wankapps .wank-popup-menu li .ui-btn:hover::after { opacity:.4; }

.wankapps .wank-thumbnails{ margin-top:1em; padding:1em; }
.wankapps .wank-thumbnails a.thumbnail{ 
	display:block; 
	float:left; 
	width: 30.9333%; 
	height: 6em; 
	margin: .5625em 1.2%; 
	overflow:hidden; 
	-webkit-box-sizing: border-box; /* include padding and border in height so we can set it to 100% */
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius:9px;
    border-radius:9px;
	-moz-box-shadow: 0px 0px 9px #333;
	-webkit-box-shadow: 0px 0px 9px #333;
	box-shadow: 0px 0px 9px #333;
}
.wankapps .wank-thumbnails a.thumbnail img{ 
	display:block; 
	width:100%; 
	height:auto; 
	margin:0 auto; 
}

.wankapps .wank-footer{ border-top: 1px solid rgba( 204, 204, 204, 1 ); background-color:rgba( 239, 239, 239, 1 ); }
.wankapps .wank-footer .ui-footer { position: absolute; bottom: 0; padding-bottom: 0; }
.wankapps .wank-footer p { font-size: .75em; color: #999; font-family: 'Open Sans', sans-serif; font-weight: 300; margin: 0 1.25em 1.25em;}
.wankapps .wank-footer p strong{ margin-right:.5em; color:#06C; }
.wankapps .wank-footer p:first-child { font-size: .9em; color: #666; font-weight: 300; margin: 1em 1em .75em; }

@media(min-width:20em) { /* smartphones, iPhone, portrait 480x320 phones */ }
@media(min-width:30.063em) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media(min-width:40.063em) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media(min-width:60.063em) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media(min-width:64.063em) { /* big landscape tablets, laptops, and desktops */ }
@media(min-width:80.063em) { /* hi-res laptops and desktops */ }

/* Red button theme for JQuery Mobile
 * - Use data-theme="r" for red versions of the default JQuery Mobile Buttons.
 ******************************************************************************************/
 .ui-btn-up-r {
    border: 1px solid #721414;
    background: #AB2525;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 -1px 1px #000;
    background-image: -moz-linear-gradient(top, #C54E4E, #AB2525);
    background-image: -webkit-gradient(linear,left top,left bottom,
        color-stop(0, #C54E4E),
        color-stop(1, #AB2525));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C54E4E', EndColorStr='#AB2525')";
}
.ui-btn-up-r a.ui-link-inherit {
    color: #fff;
}
.ui-btn-hover-r {
    border: 1px solid #6E0000;
    background: #B64B4B;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 -1px 1px #000;
    background-image: -moz-linear-gradient(top, 
        #D47272, 
        #B64B4B);
    background-image: -webkit-gradient(linear,left top,left bottom,
        color-stop(0, #D47272),
        color-stop(1, #B64B4B));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D47272', EndColorStr='#B64B4B')";
}
.ui-btn-hover-r a.ui-link-inherit {
    color: #fff;
}
.ui-btn-down-r {
    border: 1px solid #772222;
    background: #C54E4E;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 -1px 1px #000;
    background-image: -moz-linear-gradient(top, #9E3939, #C54E4E);
    background-image: -webkit-gradient(linear,left top,left bottom,
        color-stop(0, #9E3939),
        color-stop(1, #C54E4E));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9E3939', EndColorStr='#C54E4E')";
}
.ui-btn-down-r a.ui-link-inherit {
    color: #fff;
}
.ui-btn-up-r,
.ui-btn-hover-r,
.ui-btn-down-r {
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
}